<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head>
        <ui:include src="/template/headScript.xhtml"/>

    </h:head>
    <h:body id="body006">
        <h:form id="form1">
            <p:panel id="REPORT_006" header="#{msg.report_006_header}">

                <p:panel header="#{formReport006Controller.reportTitle}" style="width: 100%;">
                    <p:messages id="REPORT_006msgFrmDetails"></p:messages>
                    <p:commandButton value="เพิ่มข้อมูล" rendered="#{formReport006Controller.paramMode=='edit' or formReport006Controller.paramMode=='create'}" oncomplete="REPORT_006dlgAddReportDetail.show()" update="REPORT_006pn_addReportDetail" action="#{formReport006Controller.initReportDetail()}"/>
             
                    <div style="width: 1000px;overflow-x: scroll">
                        <p:panelGrid columns="2" styleClass="frmDetail" id="REPORT_006pnlFrm">
                            <p:dataTable var="item" value="#{formReport006Controller.report006Details}" id="REPORT_006Grid" 
                                         style="width: 1200px"
                                         rowIndexVar="index" editable="true" paginator="true" rows="10" emptyMessage="#{msg.no_data_found}"  
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="5,10,15"> 
                                <p:ajax event="rowEdit" listener="#{formReport006Controller.onEdit}" update=":form1:REPORT_006Grid"/>  
                                <p:ajax event="rowEditCancel" listener="#{formReport006Controller.onCancel}"/>

                                <p:columnGroup type="header"> 
                                    <p:row>  
                                        <p:column rowspan="2" style="text-align: center;vertical-align: middle" headerText="ลำดับ"></p:column>
                                        <p:column rowspan="2" style="text-align: center;vertical-align: middle" headerText="เรื่อง"></p:column>  
                                        <p:column rowspan="2" style="text-align: center;vertical-align: middle" headerText="จำนวน (เรื่อง)"></p:column>
                                        <p:column colspan="3" style="text-align: center" headerText="สถานะของเรื่องที่ยังไม่ได้พิจารณา"></p:column>
                                        <p:column colspan="2" style="text-align: center" headerText="จำนวนเรื่องที่ผ่านการพิจารณาแล้ว"></p:column>
                                        <p:column rowspan="2" style="text-align: center" headerText="หมายเหตุ (มติครั้งที่)"></p:column>
                                        <p:column rowspan="2" headerText="แก้ไข" rendered="#{formReport006Controller.paramMode!='view'}"></p:column>
                                        <p:column rowspan="2" headerText="ลบ" rendered="#{formReport006Controller.paramMode!='view'}"></p:column>
                                    </p:row>
                                    <p:row>  
                                        <p:column style="text-align: center" headerText="เสนอผู้บริหาร สนง. (เรื่อง)"></p:column>
                                        <p:column style="text-align: center" headerText="เสนอผู้ ปธ.กกต. ลงนามบรรจุวาระ (เรื่อง)"></p:column>
                                        <p:column style="text-align: center" headerText="บรรจุวาระแล้ว (เรื่อง)"></p:column>
                                        <p:column style="text-align: center" headerText="เป็นมติ (เรื่อง)"></p:column>
                                        <p:column style="text-align: center" headerText="เป็นความเห็น (เรื่อง)"></p:column>
                                    </p:row>
                                </p:columnGroup>

                                <p:column>  
                                    ${index+1}
                                </p:column>
                                <p:column>
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.title}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.title}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.amount}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.amount}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.submitManager}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.submitManager}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.submitPresidentEct}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.submitPresidentEct}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.submited}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.submited}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.conclusion}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.conclusion}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.comment}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.comment}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column style="text-align: right">
                                    <p:cellEditor>  
                                        <f:facet name="output">  
                                            <h:outputText value="#{item.remark}" />  
                                        </f:facet>
                                        <f:facet name="input">  
                                            <p:inputText value="#{item.remark}" />  
                                        </f:facet>  
                                    </p:cellEditor>
                                </p:column>
                                <p:column rendered="#{formReport006Controller.paramMode!='view'}">  
                                    <p:rowEditor />  
                                </p:column> 
                                <p:column rendered="#{formReport006Controller.paramMode!='view'}">  
                                    <p:commandLink action="#{formReport006Controller.onDelete(item)}" update="REPORT_006Grid">
                                        <span class="ui-icon ui-icon-trash"></span>
                                        <p:confirm header="#{msg.confirmation_head}" message="#{msg.confirmation_message_delete}" icon="ui-icon-alert" />  
                                    </p:commandLink>
                                </p:column>

                                <p:columnGroup id="footer" type="footer">
                                    <p:row>  
                                        <p:column style="text-align: center" footerText=""></p:column>
                                        <p:column style="text-align: center" footerText="รวม"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.amount}"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.submitManager}"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.submitPresidentEct}"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.submited}"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.conclusion}"></p:column>
                                        <p:column style="text-align: right" footerText="${formReport006Controller.sumDetail.comment}"></p:column>
                                        <p:column colspan="3" style="text-align: center" footerText=""></p:column>
                                    </p:row>
                                </p:columnGroup>

                            </p:dataTable>
                            <p:remoteCommand name="updateFooter" update=":form1:REPORT_006Grid"></p:remoteCommand>
                            <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
                                <p:commandButton value="#{msg.yes}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                                <p:commandButton value="#{msg.no}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                            </p:confirmDialog> 
                        </p:panelGrid>
                    </div>
                    <h:panelGroup id="REPORT_006pnlCmd" rendered="#{formReport006Controller.report006.flowStatusId!=200}">
                        <div align="center">
                            <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport006Controller.save()}" id="REPORT_006btnSave" rendered="#{formReport006Controller.paramMode=='create'}"/>
                            <p:commandButton value="#{msg.btn_edit}" actionListener="#{formReport006Controller.goToEdit()}" id="REPORT_006btnEdit" rendered="#{formReport006Controller.paramMode=='view' 
                                                      and formReport006Controller.canEdit(formReport006Controller.report006.createdUserGroup,formReport006Controller.report006.reportStatus,formReport006Controller.report006.flowStatusId)}"/>
                            <p:commandButton value="#{msg.btn_close}" actionListener="#{formReport006Controller.goToClose()}" id="REPORT_006btnClose" rendered="#{formReport006Controller.paramMode=='view' || formReport006Controller.paramMode=='create'}"/>
                            <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport006Controller.edit()}" id="REPORT_006btnSaveEdit" rendered="#{formReport006Controller.paramMode=='edit'}"/>
                            <p:commandButton value="#{msg.btn_cancel}" id="REPORT_006btnCancel" actionListener="#{formReport006Controller.goToCancel()}" rendered="#{formReport006Controller.paramMode=='edit'}"/>
                        </div>
                    </h:panelGroup>
                </p:panel>

                <p:dialog id="REPORT_006AddReportDetail" header="เพิ่มข้อมูล" widgetVar="REPORT_006dlgAddReportDetail" modal="true" draggable="true">
                    <p:messages id="REPORT_006msgAddReportDetail" escape="false" closable="true"></p:messages>
                    <p:panelGrid columns="2" id="REPORT_006pn_addReportDetail">
                        <h:outputLabel value="เรื่อง *" />  
                        <p:inputText id="REPORT_006lb1" value="#{formReport006Controller.inputReport006Detail.title}" />  

                        <h:outputLabel value="จำนวน (เรื่อง) *" />  
                        <p:inputText id="REPORT_006lb2" value="#{formReport006Controller.inputReport006Detail.amount}" />  

                        <h:outputLabel value="เสนอผู้บริหาร สนง. (เรื่อง) *" />  
                        <totoland:inputNumber id="REPORT_006lb3" value="#{formReport006Controller.inputReport006Detail.submitManager}" />  

                        <h:outputLabel value="เสนอผู้ ปธ.กกต. ลงนามบรรจุวาระ (เรื่อง) *" />  
                        <p:inputText id="REPORT_006lb4" value="#{formReport006Controller.inputReport006Detail.submitPresidentEct}" />  

                        <h:outputLabel value="บรรจุวาระแล้ว (เรื่อง) *" />  
                        <totoland:inputNumber id="REPORT_006lb6" value="#{formReport006Controller.inputReport006Detail.submited}" /> 

                        <h:outputLabel value="เป็นมติ (เรื่อง) *" />  
                        <totoland:inputNumber id="REPORT_006lb7" value="#{formReport006Controller.inputReport006Detail.conclusion}" />

                        <h:outputLabel value="เป็นความเห็น (เรื่อง) *" />  
                        <totoland:inputNumber id="REPORT_006lb8" value="#{formReport006Controller.inputReport006Detail.comment}" />
                        
                        <h:outputLabel value="หมายเหตุ (มติครั้งที่) *" />  
                        <p:inputText id="REPORT_006lb88" value="#{formReport006Controller.inputReport006Detail.remark}" />

                        <f:facet name="footer">  
                            <p:commandButton value="เพิ่ม" actionListener="#{formReport006Controller.addReportDetail(actionEvent)}" update="REPORT_006msgAddReportDetail,REPORT_006Grid" icon="ui-icon-check" style="margin:0"/>  
                        </f:facet>
                    </p:panelGrid>
                    <style>
                        .ui-panelgrid td {
                            border-color: inherit;
                            border-style: inherit;
                            border-width: 1px;
                            padding: 4px 10px;
                        }
                    </style>
                </p:dialog>
            </p:panel>
        </h:form>
        <p:blockUI block="body006"  widgetVar="blogui006">
            LOADING<br />
            <img src="${request.contextPath}/resources/images/preloader-01.gif"/>
        </p:blockUI>
        <p:ajaxStatus onstart="blogui006.show()" oncomplete="blogui006.hide()"/>
    </h:body>
</html>